<template>
    <div class="out">
        <div class="no-certified-content">
            <el-icon :size=70><WarningFilled color="#F8AC5A"/></el-icon>
            <div class="renzheng">待实名认证</div>
            <div class="desc">您所代表的机构还未进行实名认证，请您点击下方按钮进行实名认证，认证完成后您可使用孚星的所有功能</div>
            <el-button type="primary"  @click="handleHref">开始实名认证</el-button>
        </div>
     </div>
</template>
<script setup lang="ts">
    import { useRouter } from 'vue-router';

	const { proxy } = getCurrentInstance() as any;
    // 路由
	const router = useRouter();
    const handleHref = ()=>{
        router.push("/renzheng")
    }

	const created = async () => {
	};
	created();
</script>
<style scoped lang="scss">
    .out{
        display: flex;
        height: 800px;
        width: 100%;
    }
    .no-certified-content{
        text-align: center;
        height: 50%;
        width: 100%;
        align-self: center;
    }
    .renzheng{
        font-size: 24px;
        color: #262626;
        font-weight: 600;
        margin: 20px 0 10px;
    }
    .desc{
        color: #94979E;
        padding-left: 25px;
        margin-bottom: 20px;
    }
    .dialog-title{
        display: flex;
        align-items: center;
        color: #262626;
        font-size: 16px;
        font-weight: bold;
        span{
            padding-left: 5px;
        }
    }
</style>
